<template>
	<view class="container">
		<u-status-bar customStyle="background: rgba(0,0,0,0.94)"></u-status-bar>

		<view class="login_form">
			<view class="con">
				<view class="login_top">
					<image src="/static/images/img_13.png" mode="widthFix" class="logo"></image>
					<image src="/static/images/img_14.png" mode="widthFix" class="name"></image>
					<view>Ads Decentralized Autonomous <br /> Organization</view>
				</view>

				<view class="login_forms">
					<image src="/static/images/img_15.png" mode="widthFix"></image>
					<view class="forms">
						<view class="lt_input">
							<u-input type="number" placeholder="输入ID/手机" placeholderStyle="color: #8B8B8C"
								v-model="cusname" />
							</u-input>
							<image src="/static/images/img_07.png" mode="widthFix" class="tel_close"
								v-if="cusname.length>0" @click="cusname=''"></image>
						</view>
						<view class="lt_input">
							<u-input type="text" :password="showPassword" value="" placeholder="输入密码"
								placeholderStyle="color: #8B8B8C"></u-input>
							<view class="eye" :class="[showPassword==true?'':'on']" @click="ShowPwd"></view>
						</view>
						<view class="lt_check">
							<u-checkbox-group>
								<u-checkbox shape="circle" label="保存密码" activeColor="#332C2B" labelSize="30rpx"
									labelColor="#332C2B" checked></u-checkbox>
							</u-checkbox-group>
							<text @tap="forget">忘了密码？</text>
						</view>
						<button class="submit submits on" @tap="login">登录</button>
					</view>
				</view>
			</view>

		</view>

		<u-safe-bottom></u-safe-bottom>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showPassword: true,
				cusname: ""
			}
		},
		methods: {
			ShowPwd() {
				this.showPassword = !this.showPassword
			},
			forget() {
				uni.navigateTo({
					url: '/pages/member/forget_code01'
				})
			},
			login() {
				uni.navigateTo({
					url: '/pages/member/improve_data01'
				})
			}
		}
	}
</script>

<style lang="scss">
	@import url("../../common/style.scss");
	@import url("member.scss");
</style>
